<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<title>Forms | Amanda Admin Template</title><link rel="stylesheet" href="<?php echo base_url() ?>css/style.default.css" type="text/css" />
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery-1.7.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery-ui-1.8.16.custom.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.cookie.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.jgrowl.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.alerts.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/colorpicker.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.uniform.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.validate.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/jquery.tagsinput.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/charCount.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/plugins/ui.spinner.min.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/custom/general.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/custom/forms.js"></script>
<script type="text/javascript" src="<?php echo base_url() ?>js/custom/elements.js"></script>
<!--[if IE 9]>
    <link rel="stylesheet" media="screen" href="<?php echo base_url() ?>css/style.ie9.css"/>
<![endif]--><!--[if IE 8]>
    <link rel="stylesheet" media="screen" href="<?php echo base_url() ?>css/style.ie8.css"/>
<![endif]--><!--[if lt IE 9]>
	<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</head>


<body class="withvernav">

<div class="bodywrapper">
    <div class="topheader">
        <div class="left">
            <h1 class="logo">Aman.<span>da</span></h1>
            <span class="slogan">admin template</span>
            
            <div class="search">
            	<form action="#" method="post">
                	<input name="keyword" id="keyword" value="Enter keyword(s)" type="text" />
                    <button class="submitbutton"></button>
                </form>
            </div><!--search-->
            
            <br clear="all" />
            
        </div><!--left-->
        
        <div class="right">
        	<div class="notification">
                <a class="count" href="ajax/notifications.html"><span>9</span></a>
        	</div>
            <div class="userinfo">
            	<img src="images/thumbs/avatar.png" alt="" />
                <span>Juan Dela Cruz</span>
            </div><!--userinfo-->
            
            <div class="userinfodrop">
            	<div class="avatar">
                	<a href="#"><img src="images/thumbs/avatarbig.png" alt="" /></a>
                    <div class="changetheme">
                    	Change theme: <br />
                    	<a class="default"></a>
                        <a class="blueline"></a>
                        <a class="greenline"></a>
                        <a class="contrast"></a>
                        <a class="custombg"></a>
                    </div>
                </div><!--avatar-->
				<div class="userdata">
                	<h4>Juan Dela Cruz</h4>
                    <span class="email">youremail@yourdomain.com</span>
                    <ul>
                    	<li><a href="editprofile.html">Edit Profile</a></li>
                        <li><a href="accountsettings.html">Account Settings</a></li>
                        <li><a href="help.html">Help</a></li>
                        <li><a href="index.html">Sign Out</a></li>
                    </ul>
                </div><!--userdata-->
            </div><!--userinfodrop-->
        </div><!--right-->
    </div><!--topheader-->
    
    
    <div class="header">
    	<ul class="headermenu">  
			<li><a href="dashboard.html"><span class="icon icon-flatscreen"></span>Home</a></li>  
            <li><a href="reports.html"><span class="icon icon-chart"></span>Reports</a></li>    	
        </ul><!--headerwidget-->
        
    </div><!--header-->
	
	
    
    <div class="vernav2 iconmenu">
    	<ul>
        	<li class="current"><a href="#formsub" class="editor">Forms</a>
            	<span class="arrow"></span>
            	<ul id="formsub">
               		<li class="current"><a href="forms.html">Basic Form</a></li>
                    <li><a href="wizard.html">Wizard</a></li>
                    <li><a href="editor.html">WYSIWYG</a></li>
                </ul>
            </li>
            <li><a href="filemanager.html" class="gallery">File Manager</a></li>
            <li><a href="elements.html" class="elements">Elements</a></li>
            <li><a href="widgets.html" class="widgets">Widgets</a></li>
            <li><a href="calendar.html" class="calendar">Calendar</a></li>
            <li><a href="support.html" class="support">Customer Support</a></li>
            <li><a href="typography.html" class="typo">Typography</a></li>
            <li><a href="tables.html" class="tables">Tables</a></li>
			<li><a href="buttons.html" class="buttons">Buttons &amp; Icons</a></li>
            <li><a href="#error" class="error">Error Pages</a>
            	<span class="arrow"></span>
            	<ul id="error">
               		<li><a href="notfound.html">Page Not Found</a></li>
                    <li><a href="forbidden.html">Forbidden Page</a></li>
                    <li><a href="internal.html">Internal Server Error</a></li>
                    <li><a href="offline.html">Offline</a></li>
                </ul>
            </li>
            <li><a href="#addons" class="addons">Addons</a>
            	<span class="arrow"></span>
            	<ul id="addons">
               		<li><a href="newsfeed.html">News Feed</a></li>
                    <li><a href="profile.html">Profile Page</a></li>
                    <li><a href="productlist.html">Product List</a></li>
                    <li><a href="photo.html">Photo/Video Sharing</a></li>
                </ul>
            </li>
        </ul>
        <a class="togglemenu"></a>
        <br /><br />
    </div><!--leftmenu-->
        
    <div class="centercontent">
    
        <div class="pageheader">
            <h1 class="pagetitle">Forms</h1>
            <span class="pagedesc">The content below are loaded using inline data</span>
            
            <ul class="hornav">
                <li class="current"><a href="#basicform">Basic</a></li>
                <li><a href="#validation">Validation</a></li>
            </ul>
        </div><!--pageheader-->
        
        <div id="contentwrapper" class="contentwrapper">
        	
        	<div id="basicform" class="subcontent">
                                
                    <div class="contenttitle2">
                        <h3>Form Style 1</h3>
                    </div><!--contenttitle-->

                    <form class="stdform" action="#" method="post">
                    	
                        <p>
                        	<label>Small Input</label>
                            <span class="field"><input name="input1" class="smallinput" type="text" /></span>
                            <small class="desc">Small description of this field.</small>
                        </p>
                        
                        <p>
                        	<label>Medium Input</label>
                            <span class="field"><input name="input2" class="mediuminput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Long Input</label>
                            <span class="field"><input name="input3" class="longinput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Textarea</label>
                            <span class="field"><textarea cols="80" rows="5" class="longinput"></textarea></span> 
                        </p>
                        
                        <p>
                        	<label>Textarea with Character Count</label>
                            <span class="field">
                                <textarea cols="80" rows="5" id="textarea2" class="longinput"></textarea>
                            </span> 
                        </p>
                        
                        <p>
                        	<label>Select</label>
                            <span class="field">
                            <select name="select"><option value="">Choose One</option><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option></select>
                            
                            </span>
                        </p>
                        
                        <p>
                        	<label>Disabled Select</label>
                            <span class="field">
							<select name="select" disabled="disabled"><option value="">Choose One</option><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option></select>
                            </span>
                        </p>
                        
                        <p>
                        	<label>Multiple Select</label>
                            <span class="field">
                            <select name="select2" multiple="multiple" size="5"><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option><option value="">Selection Five</option><option value="">Selection Six</option><option value="">Selection Seven</option><option value="">Selection Eight</option></select>
                            </span>
                        </p>
                        
                        <p>
                        	<label>Dual Select</label>
                            <span id="dualselect" class="dualselect">
                            	<select name="select3" multiple="multiple" size="10"><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option><option value="">Selection Five</option><option value="">Selection Six</option><option value="">Selection Seven</option><option value="">Selection Eight</option></select>
                                <span class="ds_arrow">
                                	<span class="arrow ds_prev">«</span>
                                    <span class="arrow ds_next">»</span>
                                </span>
                                <select name="select4" multiple="multiple" size="10"><option value=""></option></select>
                            </span>
                        </p>
                        
                        <p>
                        	<label>Radio Buttons</label>
                            <span class="formwrapper">
                            	<input name="radiofield" type="radio" /> Unchecked Radio &nbsp; &nbsp;
                            	<input name="radiofield" checked="checked" type="radio" /> Checked Radio &nbsp; &nbsp;
                                <input name="radiofield" disabled="disabled" type="radio" /> Disabled Radio  &nbsp; &nbsp;
                                <input name="radiofield" checked="checked" disabled="disabled" type="radio" /> Disabled Radio 
                            </span>
                        </p>
                                                                        
                        <p>
                        	<label>Checkboxes</label>
                            <span class="formwrapper">
                            	<input name="check2" type="checkbox" /> Unchecked Checkbox<br />
                            	<input name="check2" checked="checked" type="checkbox" /> Checked Checkbox <br />
                                <input name="check2" disabled="disabled" type="checkbox" /> Disabled Checkbox <br /> 
                                <input name="check2" disabled="disabled" checked="checked" type="checkbox" /> Disabled Checked Checkbox
                            </span>
                        </p>
                        
                        <p>
                        	<label>File Upload</label>
                            <span class="field">
                            	<input name="filename" type="file" />
                            </span>
                        </p>
                        
                        <p>
                        	<label>Input Tags</label>
                            <span class="field">
                            	<input name="tags" id="tags" class="longinput" value="foo,bar,baz" />
                            </span>
                        </p>
                        
                         <p>
                        	<label>Spinner</label>
                            <span class="field"><input id="spinner" name="" class="width50 noradiusright" type="text" /></span>
                            <small class="desc">Try to use mouse wheel.</small>
                        </p>
                        
                        <br clear="all" /><br />
                        
                        <p class="stdformbutton">
                        	<button class="submit radius2">Submit Button</button>
                            <input class="reset radius2" value="Reset Button" type="reset" />
                        </p>
                        
                        
                    </form>
                    
                    <br />
                    
					<div class="contenttitle2">
                        <h3>Contoh Form</h3>
                    </div><!--contenttitle-->
                    
					<form class="stdform stdform2" method="post" action="#">
                   	  <p>
                        	<label>Text Field</label>
                            <span class="field"><input name="firstname" id="firstname2" class="longinput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Drop Down Enable</label>
                            <span class="field">
							<select name="select"><option value="">Choose One</option><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option></select>
							</span>
                        </p>
                        
						 <p>
                        	<label>Drop Down Disable</label>
                            <span class="field"><select name="select" disabled="disabled"><option value="">Choose One</option><option value="">Selection One</option><option value="">Selection Two</option><option value="">Selection Three</option><option value="">Selection Four</option></select></span>
                        </p>
						
                        <p>
                        	<label>Email</label>
                            <span class="field"><input name="email" id="email2" class="longinput" type="text" /></span>
                        </p>
                        
                      <p>
                        	<label>Text Area <small>You can put your own description for this field here.</small></label>
                            <span class="field">
                            <textarea cols="80" rows="5" name="textarea" id="location2" class="longinput"></textarea>
                        </span></p>
                        
                       <p>
                        	<label>Date Picker</label>
                            <span class="field">
                            	<input id="datepicker" type="text" class="width100" /> 
                            </span>
                        </p>
                        <p>
                        	<label>Radio Buttons</label>
                            <span class="formwrapper">
                            	<input name="radiofield" type="radio" /> Unchecked Radio &nbsp; &nbsp;
                            	<input name="radiofield" checked="checked" type="radio" /> Checked Radio &nbsp; &nbsp;
                                <input name="radiofield" disabled="disabled" type="radio" /> Disabled Radio  &nbsp; &nbsp;
                                <input name="radiofield" checked="checked" disabled="disabled" type="radio" /> Disabled Radio 
                            </span>
                        </p>
						<p>
                        	<label>Checkboxes</label>
                            <span class="formwrapper">
                            	<input name="check2" type="checkbox" /> Unchecked Checkbox<br />
                            	<input name="check2" checked="checked" type="checkbox" /> Checked Checkbox <br />
                                <input name="check2" disabled="disabled" type="checkbox" /> Disabled Checkbox <br /> 
                                <input name="check2" disabled="disabled" checked="checked" type="checkbox" /> Disabled Checked Checkbox
                            </span>
                        </p>
                        <p>
                        	<label>File Upload</label>
                            <span class="field">
                            	<input name="filename" type="file" />
                            </span>
                        </p>
                        <p class="stdformbutton">
                        	<button class="submit radius2">Submit Button</button>
                            <input class="reset radius2" value="Reset Button" type="reset" />
                        </p>
                    </form>
					
                    <br />

            </div><!--subcontent-->
            
            <div id="validation" class="subcontent" style="display: none;">
            	
                    <form id="form1" class="stdform" method="post" action="#">
                    	<p>
                        	<label>First Name</label>
                            <span class="field"><input name="firstname" id="firstname" class="longinput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Last Name</label>
                            <span class="field"><input name="lastname" id="lastname" class="longinput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Email</label>
                            <span class="field"><input name="email" id="email" class="longinput" type="text" /></span>
                        </p>
                        
                        <p>
                        	<label>Location</label>
                            <span class="field"><textarea cols="80" rows="5" name="location" class="mediuminput" id="location"></textarea></span> 
                        </p>
                        
                        <p>
                        	<label>Select</label>
                            <span class="field">
                            <select name="selection" id="selection"><option value="">Choose One</option><option value="1">Selection One</option><option value="2">Selection Two</option><option value="3">Selection Three</option><option value="4">Selection Four</option></select>
                            </span>
                        </p>
                        
                        <br />
                        
                        <p class="stdformbutton">
                        	<button class="submit radius2">Submit Button</button>
                        </p>
                    </form>

            </div><!--subcontent-->
        
        </div><!--contentwrapper-->
        
	</div><!-- centercontent -->
    
    
</div><!--bodywrapper-->

</body></html>